.schedule {
    margin: 0 .5rem;
    img {
        display: inline-block;
        width: 36px;
        height: 36px;
    }

    li>a {
        @extend .wrap;
        padding: .16rem 0;
        color: $text;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255,255, .08);

        &> div {
            @extend .wrap-item;
        }

        .club {
            width: .8rem;
            font-size: $titleSmall;
            text-align: left;

            &.right {
                text-align: right;
            }

            &> p {
                display: inline-block;
                text-align: center;
                & > span {
                    display: block;
                    margin-top: .24rem;
                }
            }

        }

        p.score {
            font-size: $scoreBig;
            font-weight: bold;

            &.winner {
                color: $winner;
            }
        }

        p.vsInfo {
            margin: 0 .14rem;
            color: $subtext;
            font-size: $textSmall;

            &>span {
                display: block;
                color: $text;

                &.going {
                    color: $highlight;
                }

                i {
                    margin-right: .08rem;
                }
            }
        }
    }
}

.clubSchedule {

    li {
        height: 1.14rem;
        padding: 0;
    }
    .club {
        color: $subtext;
        &> p {
            color: $text;
            font-size: $titleNormal;
        }


        img {
        width: 28px;
        height: 28px;
        vertical-align: middle;
        margin-right: .16rem;
        }

        &.right img {
            margin: 0 0 0 .16rem;
        }
    }
    .vsInfo {
        span {
            font-size: $titleSmall;
        }

        strong {
            font-size: $titleBig;
        }
    }
}
